<!DOCTYPE html>
<!-- saved from url=(0062)about.html -->
<html lang="zxx" class=" sizes customelements history pointerevents postmessage postmessage-structuredclones webgl websockets cssanimations csscolumns csscolumns-width csscolumns-span csscolumns-fill csscolumns-gap csscolumns-rule csscolumns-rulecolor csscolumns-rulestyle csscolumns-rulewidth csscolumns-breakbefore csscolumns-breakafter csscolumns-breakinside flexbox picture srcset webworkers"><head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    
    <meta http-equiv="x-ua-compatible" content="ie=edge">
    <meta name="robots" content="index, follow">
    <title>Mioca - Handmade Goods eCommerce HTML Template</title>
    <meta name="description" content="Mioca - Handmade Goods eCommerce HTML Template">
    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">

    <!-- Add site Favicon -->
    <link rel="shortcut icon" href="assets/images/i/favicon.ico" type="image/png">


    <!-- vendor css (Icon Font) -->
    <!-- <link rel="stylesheet" href="assets/css/vendor/bootstrap.bundle.min.css" />
    <link rel="stylesheet" href="assets/css/vendor/pe-icon-7-stroke.css" />
    <link rel="stylesheet" href="assets/css/vendor/font.awesome.css" /> -->

    <!-- plugins css (All Plugins Files) -->
    <!-- <link rel="stylesheet" href="assets/css/plugins/animate.css" />
    <link rel="stylesheet" href="assets/css/plugins/swiper-bundle.min.css" />
    <link rel="stylesheet" href="assets/css/plugins/jquery-ui.min.css" />
    <link rel="stylesheet" href="assets/css/plugins/nice-select.css" />
    <link rel="stylesheet" href="assets/css/plugins/venobox.css" /> -->

    <!-- Use the minified version files listed below for better performance and remove the files listed above -->
    <link rel="stylesheet" href="assets/store/css/vendor.min.css">
    <link rel="stylesheet" href="assets/store/css/plugins.min.css">
    <link rel="stylesheet" href="assets/store/css/style.min.css">
    <link rel="stylesheet" href="assets/store/css/css2.css">

    <!-- Main Style -->
    <!-- <link rel="stylesheet" href="assets/css/style.css" /> -->

</head>

<body>


    <!-- Header Area Start -->
    <header>
        <div class="header-main bg-white sticky-nav">
            <div class="container position-relative">
                <div class="row">
                    <div class="col-auto align-self-center">
                        <div class="header-logo">
                            <a href="index.html"><img src="./about_files/logo.png" alt="Site Logo"></a>
                        </div>
                    </div>
                    <div class="col align-self-center d-none d-lg-block">
                        <div class="main-menu">
                            <ul>
                                <li class="dropdown"><a href="index.html">主页 </a>                          
                                </li>
                                <li><a href="about.html">关于我们</a></li>
                                
                                
                                <li><a href="#">联系我们</a></li>
                            </ul>
                        </div>
                    </div>
                    <!-- Header Action Start -->
                    <div class="col col-lg-auto align-self-center pl-0">
                        <div class="header-actions">
                            <!-- Single Wedge Start -->
                            <a href="#" class="header-action-btn" data-bs-toggle="modal" data-bs-target="#searchActive">
                                <i class="pe-7s-search"></i>
                            </a>
                            <!-- Single Wedge End -->
                            <div class="header-bottom-set dropdown">
                                <button class="dropdown-toggle header-action-btn" data-bs-toggle="dropdown"><i class="pe-7s-users"></i></button>
                               
                            </div>
                            <!-- Single Wedge Start -->
                            <a href="#" class="header-action-btn offcanvas-toggle">
                                <i class="pe-7s-like"></i>
                            </a>
                            <!-- Single Wedge End -->
                            <a href="#" class="header-action-btn header-action-btn-cart offcanvas-toggle pr-0">
                                <i class="pe-7s-shopbag"></i>
                                <span class="header-action-num">01</span>
                                <!-- <span class="cart-amount">€30.00</span> -->
                            </a>
                            <a href="#" class="header-action-btn header-action-btn-menu offcanvas-toggle d-lg-none">
                                <i class="pe-7s-menu"></i>
                            </a>
                        </div>
                        <!-- Header Action End -->
                    </div>
                </div>
            </div>
        </div>
    </header>
    <!-- Header Area End -->
    <div class="offcanvas-overlay"></div>

    <!-- OffCanvas Wishlist Start -->
    <div id="offcanvas-wishlist" class="offcanvas offcanvas-wishlist">
        <div class="inner">
            <div class="head">
                <span class="title">Wishlist</span>
                <button class="offcanvas-close">×</button>
            </div>
            <div class="body customScroll">
                <ul class="minicart-product-list">
                    <li>
                        <a href="single-product.html" class="image"><img src="./about_files/1.jpg" alt="Cart product Image"></a>
                        <div class="content">
                            <a href="single-product.html" class="title">Hand-Made Garlic Mortar</a>
                            <span class="quantity-price">1 x <span class="amount">$21.86</span></span>
                            <a href="about.html#" class="remove">×</a>
                        </div>
                    </li>
                    <li>
                        <a href="single-product.html" class="image"><img src="./about_files/2.jpg" alt="Cart product Image"></a>
                        <div class="content">
                            <a href="single-product.html" class="title">Handmade Ceramic Pottery</a>
                            <span class="quantity-price">1 x <span class="amount">$13.28</span></span>
                            <a href="about.html" class="remove">×</a>
                        </div>
                    </li>
                    <li>
                        <a href="single-product.html" class="image"><img src="./about_files/3.jpg" alt="Cart product Image"></a>
                        <div class="content">
                            <a href="single-product.html" class="title">Hand Painted Bowls</a>
                            <span class="quantity-price">1 x <span class="amount">$17.34</span></span>
                            <a href="about.html" class="remove">×</a>
                        </div>
                    </li>
                </ul>
            </div>
            <div class="foot">
                <div class="buttons">
                    <a href="wishlist.html" class="btn btn-dark btn-hover-primary mt-30px">view wishlist</a>
                </div>
            </div>
        </div>
    </div>
    <!-- OffCanvas Wishlist End -->
    <!-- OffCanvas Cart Start -->
    <div id="offcanvas-cart" class="offcanvas offcanvas-cart">
        <div class="inner">
            <div class="head">
                <span class="title">Cart</span>
                <button class="offcanvas-close">×</button>
            </div>
            
            <div class="body customScroll">
                <ul class="minicart-product-list">
                    <li>
                        <a href="single-product.html" class="image"><img src="./about_files/1.jpg" alt="Cart product Image"></a>
                        <div class="content">
                            <a href="single-product.html" class="title">Hand-Made Garlic Mortar</a>
                            <span class="quantity-price">1 x <span class="amount">$18.86</span></span>
                            <a href="about.html#" class="remove">×</a>
                        </div>
                    </li>
                    <li>
                        <a href="single-product.html" class="image"><img src="./about_files/2.jpg" alt="Cart product Image"></a>
                        <div class="content">
                            <a href="single-product.html" class="title">Handmade Ceramic Pottery</a>
                            <span class="quantity-price">1 x <span class="amount">$43.28</span></span>
                            <a href="about.html#" class="remove">×</a>
                        </div>
                    </li>
                    <li>
                        <a href="single-product.html" class="image"><img src="./about_files/3.jpg" alt="Cart product Image"></a>
                        <div class="content">
                            <a href="single-product.html" class="title">Hand Painted Bowls</a>
                            <span class="quantity-price">1 x <span class="amount">$37.34</span></span>
                            <a href="about.html#" class="remove">×</a>
                        </div>
                    </li>
                </ul>
            </div>
            <div class="foot">
                <div class="buttons mt-30px">
                    <a href="cart.html" class="btn btn-dark btn-hover-primary mb-30px">view cart</a>
                    <a href="checkout.html" class="btn btn-outline-dark current-btn">checkout</a>
                </div>
            </div>
        </div>
    </div>
    <!-- OffCanvas Cart End -->

    <!-- OffCanvas Menu Start -->
    <div id="offcanvas-mobile-menu" class="offcanvas offcanvas-mobile-menu">
        <button class="offcanvas-close"></button>

        <div class="inner customScroll">

            <div class="offcanvas-menu mb-4">
                <ul>
                    <li><span class="menu-expand"></span><a href="about.html"><span class="menu-text">主页</span></a>
                    </li>
                    <li><a href="about.html">关于我们</a></li>
                    <li><span class="menu-expand"></span>
                        <a href="about.html#"><span class="menu-text">页面</span></a>
                        <ul class="sub-menu">
                            <li><span class="menu-expand"></span>
                                <a href="about.html"><span class="menu-text">Inner 页面</span></a>
                                <ul class="sub-menu">
                                    <li><a href="404.html">404 Page</a></li>
                                    <li><a href="privacy-policy.html">Privacy Policy</a></li>
                                    <li><a href="faq.html">Faq Page</a></li>
                                    <li><a href="coming-soon.html">Coming Soon Page</a></li>
                                </ul>
                            </li>
                            <li><span class="menu-expand"></span>
                                <a href="about.html#"><span class="menu-text"> 其他购物页面 </span></a>
                                <ul class="sub-menu">
                                    <li><a href="cart.html">Cart Page</a></li>
                                    <li><a href="checkout.html">Checkout Page</a></li>
                                    <li><a href="compare.html">Compare Page</a></li>
                                    <li><a href="wishlist.html">Wishlist Page</a></li>
                                </ul>
                            </li>
                            <li><span class="menu-expand"></span>
                                <a href="about.html#"><span class="menu-text">Related Shop Page</span></a>
                                <ul class="sub-menu">
                                    <li><a href="my-account.html">Account Page</a></li>
                                    <li><a href="login.html">Login &amp; Register Page</a></li>
                                    <li><a href="empty-cart.html">Empty Cart Page</a></li>
                                    <li><a href="thank-you-page.html">Thank You Page</a></li>
                                </ul>
                            </li>
                        </ul>
                    </li>
                    <li><span class="menu-expand"></span><a href="about.html#"><span class="menu-text">Shop</span></a>
                        <ul class="sub-menu">
                            <li><span class="menu-expand"></span>
                                <a href="about.html#"><span class="menu-text">Shop Page</span></a>
                                <ul class="sub-menu">
                                    <li><a href="shop-3-column.html">Shop 3 Column</a></li>
                                    <li><a href="shop-4-column.html">Shop 4 Column</a></li>
                                    <li><a href="shop-left-sidebar.html">Shop Left Sidebar</a></li>
                                    <li><a href="shop-right-sidebar.html">Shop Right Sidebar</a></li>
                                    <li><a href="shop-list-left-sidebar.html">Shop List Left Sidebar</a>
                                    </li>
                                    <li><a href="shop-list-right-sidebar.html">Shop List Right Sidebar</a>
                                    </li>
                                    <li><a href="cart.html">Cart Page</a></li>
                                    <li><a href="checkout.html">Checkout Page</a></li>
                                </ul>
                            </li>
                            <li><span class="menu-expand"></span>
                                <a href="about.html#"><span class="menu-text">product Details Page</span></a>
                                <ul class="sub-menu">
                                    <li><a href="single-product.html">Product Single</a></li>
                                    <li><a href="single-product-variable.html">Product Variable</a></li>
                                    <li><a href="single-product-affiliate.html">Product Affiliate</a></li>
                                    <li><a href="single-product-group.html">Product Group</a></li>
                                    <li><a href="single-product-tabstyle-2.html">Product Tab 2</a></li>
                                    <li><a href="single-product-tabstyle-3.html">Product Tab 3</a></li>
                                    <li><a href="single-product-slider.html">Product Slider</a></li>
                                    <li><a href="single-product-gallery-left.html">Product Gallery Left</a>
                                </li></ul>
                            </li>
                            <li><span class="menu-expand"></span>
                                <a href="about.html#"><span class="menu-text">Single Product Page</span></a>
                                <ul class="sub-menu">
                                    <li><a href="single-product-gallery-right.html">Product Gallery
                                            Right</a> </li>
                                    <li><a href="single-product-sticky-left.html">Product Sticky Left</a>
                                    </li>
                                    <li><a href="single-product-sticky-right.html">Product Sticky Right</a>
                                    </li>
                                    <li><a href="compare.html">Compare Page</a></li>
                                    <li><a href="wishlist.html">Wishlist Page</a></li>
                                    <li><a href="my-account.html">Account Page</a></li>
                                    <li><a href="login.html">Login &amp; Register Page</a></li>
                                    <li><a href="empty-cart.html">Empty Cart Page</a></li>
                                </ul>
                            </li>
                        </ul>
                    </li>
                    <li><span class="menu-expand"></span><a href="about.html#"><span class="menu-text">Blog</span></a>
                        <ul class="sub-menu">
                            <li><a href="blog-grid.html">Blog Grid Page</a></li>
                            <li><a href="blog-grid-left-sidebar.html">Grid Left Sidebar</a></li>
                            <li><a href="blog-grid-right-sidebar.html">Grid Right Sidebar</a></li>
                            <li><a href="blog-single.html">Blog Single Page</a></li>
                            <li><a href="blog-single-left-sidebar.html">Single Left Sidebar</a></li>
                            <li><a href="blog-single-right-sidebar.html">Single Right Sidbar</a>
                        </li></ul>
                    </li>
                    <li><a href="contact.html">Contact Us</a></li>
                </ul>
            </div>
            <!-- OffCanvas Menu End -->
            <div class="offcanvas-social mt-auto">
                <ul>
                    <li>
                        <a href="about.html#"><i class="fa fa-facebook"></i></a>
                    </li>
                    <li>
                        <a href="about.html#"><i class="fa fa-twitter"></i></a>
                    </li>
                    <li>
                        <a href="about.html#"><i class="fa fa-google"></i></a>
                    </li>
                    <li>
                        <a href="about.html#"><i class="fa fa-youtube"></i></a>
                    </li>
                    <li>
                        <a href="about.html#"><i class="fa fa-instagram"></i></a>
                    </li>
                </ul>
            </div>
        </div>
    </div>
    <!-- OffCanvas Menu End -->

    <!-- breadcrumb-area start -->
    <div class="breadcrumb-area">
        <div class="container">
            <div class="row align-items-center justify-content-center">
                <div class="col-12 text-center">
                    <h2 class="breadcrumb-title">About Us</h2>
                    <!-- breadcrumb-list start -->
                    <ul class="breadcrumb-list">
                        <li class="breadcrumb-item"><a href="index.html">主页</a></li>
                        <li class="breadcrumb-item active">About Us</li>
                    </ul>
                    <!-- breadcrumb-list end -->
                </div>
            </div>
        </div>
    </div>
    <!-- breadcrumb-area end -->

    <!-- Service Area Start -->

    <div class="service-area pt-100px">
        <div class="container">
            <div class="row d-flex justify-content-center align-items-center">
                <div class="col-md-12 col-lg-5">
                    <div class="service-left">
                        <img src="./about_files/srevice-left-img.png" alt="" class="service-left-image">
                        <img src="./about_files/srevice-left-shape.png" alt="" class="service-left-image-2">
                        <div class="promo-video">
                            <a href="https://youtu.be/7rmQIzbgpoA" class="venobox overlay-box vbox-item" data-vbtype="video"><span class="fa fa-play"><i class="ripple"></i></span></a>
                        </div>
                    </div>
                </div>
                <div class="col-md-12 col-lg-7">
                    <div class="service-right-content" deep="4">
                        <h2 class="title">Our Stories</h2>
                        <p class="para-1">Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmo templ
                            incididunt ut labore et dolore magna aliqua.</p>
                        <p class="para-2">Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod
                            tempor incididun ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud
                            exercitat ullamco labori nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in
                            repreh in voluptate velit esse cillum dolore eu fugiat nulla pariatur. </p>
                        <div class="mision-vision">
                            <div class="mision">
                                <span class="heading">Our Mission</span>
                                <p class="mision-desc">Lorem ipsum dolor sit amet, consectetur adipisicing elitkill sed
                                    do eius tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam
                                    quislkl .</p>
                            </div>
                            <div class="vision">
                                <span class="heading">Our Mission</span>
                                <p class="vision-desc">Lorem ipsum dolor sit amet, consectetur adipisicing elitkill sed
                                    do eius tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam
                                    quislkl .</p>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>

    <!-- Service Area End -->

    <!-- Feature Area Srart -->
    <div class="feature-area pt-100px">
        <div class="container">
            <div class="feature-wrapper">
                <div class="single-feture-col">
                    <!-- single item -->
                    <div class="single-feature">
                        <div class="feature-icon">
                            <img src="./index_files/1.png" alt="">
                        </div>
                        <div class="feature-content">
                            <h4 class="title">免费送货</h4>
                            <span class="sub-title">下单24小时内秒出库</span>
                        </div>
                    </div>
                </div>
                <!-- single item -->
                <div class="single-feture-col ">
                    <div class="single-feature">
                        <div class="feature-icon">
                            <img src="./index_files/2.png" alt="">
                        </div>
                        <div class="feature-content">
                            <h4 class="title">支持微信/支付宝支付</h4>
                            <span class="sub-title">可分期</span>
                        </div>
                    </div>
                </div>
                <!-- single item -->
                <div class="single-feture-col">
                    <div class="single-feature">
                        <div class="feature-icon">
                            <img src="./index_files/3.png" alt="">
                        </div>
                        <div class="feature-content">
                            <h4 class="title">包退</h4>
                            <span class="sub-title">七天无条件退款</span>
                        </div>
                    </div>
                    <!-- single item -->
                </div>
            </div>
        </div>
    </div>
    <!-- Feature Area End -->
    <!-- Team Area Start -->

    <div class="team-area pt-100px">
        <div class="container">
            <div class="row">
                <div class="col-12">
                    <div class="section-title text-center">
                        <h2 class="title line-height-1">创作团队</h2>
                        <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod incididunt ut labore
                            et dolore magna aliqua. </p>
                    </div>
                </div>
            </div>
            <div class="row">
                <div class="col-xl-3 col-lg-6 col-md-6 col-sm-6 mb-lm-30px mb-lg-30px mb-md-30px">
                    <!-- Single Team -->
                    <div class="team-wrapper ">
                        <div class="team-image overflow-hidden">
                            <img src="./about_files/1(1).jpg" alt="">
                        </div>
                        <div class="team-inner">
                            <div class="team-content">
                                <h6 class="title">Destin Poole</h6>
                                <span class="sub-title">设计师</span>
                            </div>
                            <ul class="team-social d-flex">
                                <li><a href="about.html#"><i class="fa fa-facebook"></i></a></li>
                                <li><a href="about.html#"><i class="fa fa-twitter"></i></a></li>
                                <li><a href="about.html#"><i class="fa fa-dribbble"></i></a></li>
                                <li><a href="about.html#"><i class="fa fa-pinterest-p"></i></a></li>
                            </ul>
                        </div>
                    </div>
                    <!-- Single Team -->
                </div>
                <div class="col-xl-3 col-lg-6 col-md-6 col-sm-6 mb-lm-30px mb-lg-30px mb-md-30px">
                    <!-- Single Team -->
                    <div class="team-wrapper">
                        <div class="team-image overflow-hidden">
                            <img src="./about_files/2(1).jpg" alt="">
                        </div>
                        <div class="team-inner">
                            <div class="team-content">
                                <h6 class="title">Steven Nix</h6>
                                <span class="sub-title">设计师</span>
                            </div>
                            <ul class="team-social d-flex">
                                <li><a href="about.html#"><i class="fa fa-facebook"></i></a></li>
                                <li><a href="about.html#"><i class="fa fa-twitter"></i></a></li>
                                <li><a href="about.html#"><i class="fa fa-dribbble"></i></a></li>
                                <li><a href="about.html#"><i class="fa fa-pinterest-p"></i></a></li>
                            </ul>
                        </div>
                    </div>
                    <!-- Single Team -->
                </div>
                <div class="col-xl-3 col-lg-6 col-sm-6 col-md-6 mb-lm-30px ">
                    <!-- Single Team -->
                    <div class="team-wrapper">
                        <div class="team-image overflow-hidden">
                            <img src="./about_files/3(1).jpg" alt="">
                        </div>
                        <div class="team-inner">
                            <div class="team-content">
                                <h6 class="title">Della Case</h6>
                                <span class="sub-title">设计师</span>
                            </div>
                            <ul class="team-social d-flex">
                                <li><a href="about.html#"><i class="fa fa-facebook"></i></a></li>
                                <li><a href="about.html#"><i class="fa fa-twitter"></i></a></li>
                                <li><a href="about.html#"><i class="fa fa-dribbble"></i></a></li>
                                <li><a href="about.html#"><i class="fa fa-pinterest-p"></i></a></li>
                            </ul>
                        </div>
                    </div>
                    <!-- Single Team -->
                </div>
                <div class="col-xl-3 col-md-6 col-sm-6 col-lg-6">
                    <!-- Single Team -->
                    <div class="team-wrapper">
                        <div class="team-image overflow-hidden">
                            <img src="./about_files/4.jpg" alt="">
                        </div>
                        <div class="team-inner">
                            <div class="team-content">
                                <h6 class="title">Sasha Ho</h6>
                                <span class="sub-title">设计师</span>
                            </div>
                            <ul class="team-social d-flex">
                                <li><a href="about.html#"><i class="fa fa-facebook"></i></a></li>
                                <li><a href="about.html#"><i class="fa fa-twitter"></i></a></li>
                                <li><a href="about.html#"><i class="fa fa-dribbble"></i></a></li>
                                <li><a href="about.html#"><i class="fa fa-pinterest-p"></i></a></li>
                            </ul>
                        </div>
                    </div>
                    <!-- Single Team -->
                </div>
            </div>
        </div>
    </div>

    <!-- Team Area End -->

    <!-- Testimonial Area Start -->
    <div class="testimonial-area pt-100px">
        <div class="container">
            <div class="row">
                <div class="col-12">
                    <div class="section-title text-center">
                        <h2 class="title line-height-1">What Client Says</h2>
                        <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod incididunt ut labore
                            et dolore magna aliqua. </p>
                    </div>
                </div>
            </div>
            <!-- Slider Start -->
            <div class="testimonial-wrapper swiper-container swiper-container-initialized swiper-container-horizontal">
                <div class="swiper-wrapper" id="swiper-wrapper-d75e270eff527b65" aria-live="polite" style="transform: translate3d(-600px, 0px, 0px); transition: all 0ms ease 0s;"><div class="swiper-slide swiper-slide-duplicate swiper-slide-duplicate-active swiper-slide-prev" data-swiper-slide-index="0" role="group" aria-label="1 / 3" style="width: 570px; margin-right: 30px;">
                        <div class="testi-inner">
                            <div class="author-img">
                                <img src="./about_files/1(2).png" alt="">
                            </div>
                            <div class="testi-content">
                                <p>Lorem ipsum dolor sit ametju consectadipisicing elit, sed do eiusmod tempor
                                    incididunt ut labore et dolore magna aliqua. Ut enim ad minim
                                </p>
                            </div>
                            <div class="testi-author text-center">
                                <div class="author-name">
                                    <h4 class="name">Britney Cooper</h4>
                                    <span class="title">Client-HRO</span>
                                </div>
                            </div>
                        </div>
                    </div>
                    <!-- Slider Single Item -->
                    <div class="swiper-slide swiper-slide-active swiper-slide-duplicate-next swiper-slide-duplicate-prev" data-swiper-slide-index="0" role="group" aria-label="2 / 3" style="width: 570px; margin-right: 30px;">
                        <div class="testi-inner">
                            <div class="author-img">
                                <img src="./about_files/1(2).png" alt="">
                            </div>
                            <div class="testi-content">
                                <p>Lorem ipsum dolor sit ametju consectadipisicing elit, sed do eiusmod tempor
                                    incididunt ut labore et dolore magna aliqua. Ut enim ad minim
                                </p>
                            </div>
                            <div class="testi-author text-center">
                                <div class="author-name">
                                    <h4 class="name">Britney Cooper</h4>
                                    <span class="title">Client-HRO</span>
                                </div>
                            </div>
                        </div>
                    </div>
                    <!-- Slider Single Item -->
                <div class="swiper-slide swiper-slide-duplicate swiper-slide-duplicate-active swiper-slide-next" data-swiper-slide-index="0" role="group" aria-label="3 / 3" style="width: 570px; margin-right: 30px;">
                        <div class="testi-inner">
                            <div class="author-img">
                                <img src="./about_files/1(2).png" alt="">
                            </div>
                            <div class="testi-content">
                                <p>Lorem ipsum dolor sit ametju consectadipisicing elit, sed do eiusmod tempor
                                    incididunt ut labore et dolore magna aliqua. Ut enim ad minim
                                </p>
                            </div>
                            <div class="testi-author text-center">
                                <div class="author-name">
                                    <h4 class="name">Britney Cooper</h4>
                                    <span class="title">Client-HRO</span>
                                </div>
                            </div>
                        </div>
                    </div></div>
                <!-- Add Arrows -->
                <div class="swiper-buttons">
                    <div class="swiper-button-next" tabindex="0" role="button" aria-label="Next slide" aria-controls="swiper-wrapper-d75e270eff527b65"></div>
                    <div class="swiper-button-prev" tabindex="0" role="button" aria-label="Previous slide" aria-controls="swiper-wrapper-d75e270eff527b65"></div>
                </div>
            <span class="swiper-notification" aria-live="assertive" aria-atomic="true"></span></div>
            <!-- Slider Start -->
        </div>
    </div>
    <!-- Testimonial Area End -->

    <!-- Brand area start -->
    <div class="brand-area pt-100px pb-100px">
        <div class="container">
            <div class="brand-slider swiper-container swiper-container-initialized swiper-container-horizontal">
                <div class="swiper-wrapper align-items-center" id="swiper-wrapper-5c246bd0a10b4fc91" aria-live="off" style="transform: translate3d(-2101.5px, 0px, 0px); transition: all 0ms ease 0s;"><div class="swiper-slide brand-slider-item text-center swiper-slide-duplicate" data-swiper-slide-index="1" role="group" aria-label="1 / 13" style="width: 233.5px;">
                        <a href="about.html#"><img class=" img-fluid" src="./about_files/2(2).png" alt=""></a>
                    </div><div class="swiper-slide brand-slider-item text-center swiper-slide-duplicate" data-swiper-slide-index="2" role="group" aria-label="2 / 13" style="width: 233.5px;">
                        <a href="about.html#"><img class=" img-fluid" src="./about_files/3(2).png" alt=""></a>
                    </div><div class="swiper-slide brand-slider-item text-center swiper-slide-duplicate" data-swiper-slide-index="3" role="group" aria-label="3 / 13" style="width: 233.5px;">
                        <a href="about.html#"><img class=" img-fluid" src="./about_files/4.png" alt=""></a>
                    </div><div class="swiper-slide brand-slider-item text-center swiper-slide-duplicate swiper-slide-duplicate-prev" data-swiper-slide-index="4" role="group" aria-label="4 / 13" style="width: 233.5px;">
                        <a href="about.html#"><img class=" img-fluid" src="./about_files/5.png" alt=""></a>
                    </div>
                    <div class="swiper-slide brand-slider-item text-center swiper-slide-duplicate-active" data-swiper-slide-index="0" role="group" aria-label="5 / 13" style="width: 233.5px;">
                        <a href="about.html#"><img class=" img-fluid" src="./about_files/1(3).png" alt=""></a>
                    </div>
                    <div class="swiper-slide brand-slider-item text-center swiper-slide-duplicate-next" data-swiper-slide-index="1" role="group" aria-label="6 / 13" style="width: 233.5px;">
                        <a href="about.html#"><img class=" img-fluid" src="./about_files/2(2).png" alt=""></a>
                    </div>
                    <div class="swiper-slide brand-slider-item text-center" data-swiper-slide-index="2" role="group" aria-label="7 / 13" style="width: 233.5px;">
                        <a href="about.html#"><img class=" img-fluid" src="./about_files/3(2).png" alt=""></a>
                    </div>
                    <div class="swiper-slide brand-slider-item text-center" data-swiper-slide-index="3" role="group" aria-label="8 / 13" style="width: 233.5px;">
                        <a href="about.html#"><img class=" img-fluid" src="./about_files/4.png" alt=""></a>
                    </div>
                    <div class="swiper-slide brand-slider-item text-center swiper-slide-prev" data-swiper-slide-index="4" role="group" aria-label="9 / 13" style="width: 233.5px;">
                        <a href="about.html#"><img class=" img-fluid" src="./about_files/5.png" alt=""></a>
                    </div>
                <div class="swiper-slide brand-slider-item text-center swiper-slide-duplicate swiper-slide-active" data-swiper-slide-index="0" role="group" aria-label="10 / 13" style="width: 233.5px;">
                        <a href="about.html#"><img class=" img-fluid" src="./about_files/1(3).png" alt=""></a>
                    </div><div class="swiper-slide brand-slider-item text-center swiper-slide-duplicate swiper-slide-next" data-swiper-slide-index="1" role="group" aria-label="11 / 13" style="width: 233.5px;">
                        <a href="about.html#"><img class=" img-fluid" src="./about_files/2(2).png" alt=""></a>
                    </div><div class="swiper-slide brand-slider-item text-center swiper-slide-duplicate" data-swiper-slide-index="2" role="group" aria-label="12 / 13" style="width: 233.5px;">
                        <a href="about.html#"><img class=" img-fluid" src="./about_files/3(2).png" alt=""></a>
                    </div><div class="swiper-slide brand-slider-item text-center swiper-slide-duplicate" data-swiper-slide-index="3" role="group" aria-label="13 / 13" style="width: 233.5px;">
                        <a href="about.html#"><img class=" img-fluid" src="./about_files/4.png" alt=""></a>
                    </div></div>
            <span class="swiper-notification" aria-live="assertive" aria-atomic="true"></span></div>
        </div>
    </div>
    <!-- Brand area end -->

    


    <!-- Footer Area End -->

    <!-- Search Modal Start -->
    <div class="modal popup-search-style" id="searchActive">
        <button type="button" class="close-btn" data-bs-dismiss="modal"><span aria-hidden="true">×</span></button>
        <div class="modal-overlay">
            <div class="modal-dialog p-0" role="document">
                <div class="modal-content">
                    <div class="modal-body">
                        <h2>Search Your Product</h2>
                        <form class="navbar-form position-relative" role="search">
                            <div class="form-group">
                                <input type="text" class="form-control" placeholder="Search here...">
                            </div>
                            <button type="submit" class="submit-btn"><i class="pe-7s-search"></i></button>
                        </form>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <!-- Search Modal End -->

    <!-- Global Vendor, plugins JS -->

    <!-- Vendor JS -->
    <!-- <script src="assets/js/vendor/jquery-3.5.1.min.js"></script>

    <script src="assets/js/vendor/bootstrap.bundle.min.js"></script>
    <script src="assets/js/vendor/jquery-migrate-3.3.0.min.js"></script>
    <script src="assets/js/vendor/modernizr-3.11.2.min.js"></script> -->

    <!--Plugins JS-->
    <!-- <script src="assets/js/plugins/swiper-bundle.min.js"></script>
    <script src="assets/js/plugins/jquery-ui.min.js"></script>
    <script src="assets/js/plugins/jquery.nice-select.min.js"></script>
    <script src="assets/js/plugins/countdown.js"></script>
    <script src="assets/js/plugins/scrollup.js"></script>
    <script src="assets/js/plugins/jquery.zoom.min.js"></script>
    <script src="assets/js/plugins/venobox.min.js"></script>
    <script src="assets/js/plugins/ajax-mail.js"></script> -->

    <!-- Use the minified version files listed below for better performance and remove the files listed above -->
    <script src="./about_files/vendor.min.js"></script>
    <script src="./about_files/plugins.min.js"></script>

    <!-- Main Js -->
    <script src="./about_files/main.js"></script><a id="scrollUp" href="about.html#top" style="position: fixed; z-index: 2147483647; display: none;"><i class="pe-7s-angle-up"></i></a>


</body></html>